@charset "utf-8";

/*
To customize the look and feel of Ionic, you can override the variables
in ionic's _variables.scss file.

For example, you might change some of the default colors:

$light:                           #fff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #387ef5 !default;
$calm:                            #11c1f3 !default;
$balanced:                        #33cd5f !default;
$energized:                       #ffc900 !default;
$assertive:                       #ef473a !default;
$royal:                           #886aea !default;
$dark:                            #444 !default;
*/

$dark:                            #333 !default;
$light:                           #fff !default;
$red:                             #ff0000 !default;
$orange:                          #fba046 !default;
$line-yellow:                     #fcd56c !default;
$light-orange:                    #ff9682 !default;
$detail-orange:                   #faecd6 !default;
$line-grey:                       #ebebeb !default;
$grey-06:                         #666    !default;
$thin-black:                      #585858 !default;
$text-grey:                       #888    !default;
$bg-grey:                         #eeeff3 !default;
$light-grey:                      #99aab4 !default;
$dark-grey:                       #666    !default;
$water-blue:                      #32bfff !default;
$blue:                            #12aaeb !default;
$thin-blue:                       #62cff3 !default;
$thin-grey:                       #f6f6f6 !default;
$grey:                            #efeeee !default;
$deep-yellow:                     #ffa200 !default;
$light-yellow:                    #F6D669 !default;
$low-grey:                        #7d7d7d !default;
$title-grey:                      #4c4948 !default;
$thin-yellow:                     #ff6400 !default;
$thin-green:                      #8ece00 !default;
$light-white:                     #fdf9f1 !default;
$deep-orange:                     #ffae00 !default;
$text-orange:                     #f8c14c !default;
$arrow-orange:                    #f4b735 !default;


$bar-bg:                          #333    !default;
$bar-font:                        #fff    !default;

$account-banner-title:            #855c14 !default;
$account-banner-value:            #fff    !default;

$knob-orange:                     #fba046 !default;
$invest-grey:                     #9fa0a0 !default;
$intro:                           #664310 !default;

$dark-blue:                       #2b4055 !default;
$icon-before:                     #cccccc !default;
$icon-grey:                       #808080 !default;
$green:                           #98d398 !default;
$yellow:                          #f7cb30 !default;
$bank-cyan:                       #27a1a6 !default;
$bank-red:                        #ca5e6b !default;
$bank-blue:                       #578ac9 !default;
$bank-green:                      #4eab90 !default;
$bank-purple:                     #b477c4 !default;
$bg-bank:                         #485162 !default;
$backdrop:                        rgba(0,0,0,0.7) !default;
$bt-confirm:                      #fb9f48 !default;
$bt-cancle:                       #f8cb30 !default;
// colors
.green {
  color: $green;
}

.white {
  color: white !important;
}

.light {
  color: $light !important;
}

.light-grey {
  color: $light-grey !important;
}

.dark-grey {
  color: $dark-grey !important;
}

.red {
  color: $red !important;
}

.orange {
  color: $orange !important;
}

.text-grey {
  color: $text-grey !important;
}

.text-orange {
  color: $text-orange !important;
}

.arrow-orange {
  color: $arrow-orange !important;
}
.thin-black {
  color: $thin-black !important;
}

.thin-green {
  color: $thin-green !important;
}

.thin-blue {
  color: $thin-blue !important;
}

.low-grey {
  color: $low-grey !important;
}

.title-grey {
  color: $title-grey !important;
}

.thin-yellow {
  color: $thin-yellow !important;
}
.yellow {
  color: $yellow !important;
}

// background colors
.bg-thin-blue {
  background: $thin-blue !important;
}

.bg-white {
  background: white !important;
}

.bg-bank {
  background: $bg-bank !important;
}

.bg-bank-cyan {
  background: $bank-cyan !important;
}

.bg-bank-red {
  background: $bank-red !important;
}

.bg-bank-blue {
  background: $bank-blue !important;
}

.bg-bank-green {
  background: $bank-green !important;
}

.bg-bank-purple {
  background: $bank-purple !important;
}

.bg-orange {
  background: $orange !important;
}

.bg-grey {
  background: $grey !important;
}

.bg-yellow {
  background: $yellow !important;
}

.bg-light-white {
  background: $light-white !important;
}
.bar-bg {
  color: $bar-bg !important;
}
